<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../bootstrap-5.1.3-dist/css/bootstrap.css" rel="stylesheet">
    <script src="../bootstrap-5.1.3-dist/js/bootstrap.bundle.min.js"></script>
</head>

<body class="container">
    <div class="container mt-3">
        <h3>关闭弹窗</h3>
        <a href="#" title="山中雪后" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-content="晨起开门雪满山，雪晴云淡日光寒。
">点我</a>
    </div><br><br>
    <div class="container mt-3">
        <h3>关闭弹窗</h3>
        <a href="#" title="山中雪后" data-bs-toggle="popover" data-bs-trigger="hover"
            data-bs-content="檐流未滴梅花冻，一种清孤不等闲。">鼠标移动到我这</a>
    </div>
    <script>
        var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
        var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
            return new bootstrap.Popover(popoverTriggerEl)
        })
    </script>


</body>

</html>